<template>
    <view class="container">
        <text class="success-icon yticon icon-xuanzhong2"></text>
        <text class="tit">支付成功</text>

        <view class="btn-group">
            <navigator url="/pages/order/order?state=0" open-type="redirect" class="mix-btn">查看订单</navigator>
            <navigator url="/pages/home/home" open-type="switchTab" class="mix-btn hollow">返回首页</navigator>
        </view>
    </view>
</template>

<script setup></script>

<style lang="scss">
.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.success-icon {
    font-size: 160upx;
    color: #fa436a;
    margin-top: 100upx;
}
.tit {
    font-size: 38upx;
    color: #303133;
}
.btn-group {
    padding-top: 100upx;
}
.mix-btn {
    margin-top: 30upx;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 600upx;
    height: 80upx;
    font-size: $font-lg;
    color: #fff;
    background-color: $base-color;
    border-radius: 10upx;
    &.hollow {
        background: #fff;
        color: #303133;
        border: 1px solid #ccc;
    }
}
</style>
